/*
 * 可复用的公有布局
 */

 //表单页面共有样式
 html,
 body {
     width: 100%;
     height: 100%;
 }
 
.reg-bg{
width: 100%;
height: 100%;
background: url('../imgs/sign-bg.jpg') no-repeat top center / cover;
padding: 20px;
color: white;
position: relative;
}
.pswlogin{
width: 80px;
height: 28px;
position: absolute;
top: 70px;
right: 20px;
font-size: 20px;
color: white;
}
.holdon{
width: 104px;
height: 22px;
font-size: 16px;
position: fixed;
bottom: 10%;
left: 40%;
}
.formTit{
width: 210px;
height: 40px;
font-size:28px;
position: absolute;
left: 32px;
top: 124px;
}
.deco{
width: 250px;
height: 22px;
font-size: 16px;
position: absolute;
left: 32px;
top: 190px;
}
.form{
position: absolute;
left: 32px;
top: 240px;
}
.inp{
   
input{
width: 350px;
height: 50px;
border-radius: 25px;
background: rgba(255, 255, 255, 0.5);
margin-bottom: 20px;
text-indent: 15px;
color: white;
font-size: 18px;
&::placeholder{
color: white;
}
}

}
.telInp{
position: relative;
select{
position: absolute;
top: 13px;
left: 10px;
background: rgba(255, 255, 255, 0);
color: white;
font-size: 16px;
border: none;
}
input{
text-indent: 70px;
}
}
.yanInp{
width: 213px !important;

}
.yan{
width: 123px;
height: 50px;
background-color: pink;
}
.submit{
width: 350px;
height: 50px;
line-height: 50px;
font-size: 16px;
border-radius: 25px;
background-color: rgba(99, 255, 167,.5);
text-align: center;
color: white;
}


//尾部公共样式
.foot{
    width: 414px;
    height: 77px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    padding:0px 15px;
    position: fixed;
    bottom: 0px;
    text-align: center;
    background-color: white;
    .iconfont{
        display: inline-block;
         font-size: 45px;
    }
}
.bd{
    border: 1px solid red;
}
.active{
    color: #4294ff;
}

//头部公共样式
.navbar {
    height: 57px;
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
    .item {
      height: 100%;
    }
    .active {
      font-size: 20px;
      font-weight: bold;
      color: #4294ff;
      border-bottom: 3px solid #4294ff;
    }
  }
  
  .shadow {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  }